export default function() {
  return {
    computed: {
      // 计算屏幕比例
      isNormal() {
        const w = document.body.clientWidth;
        const h = document.body.clientHeight;
        const wh = w / h;
        if (wh > 2.5) {
          return false;
        }
        return true;
      }
    },
    data() {
      return {
        isMobile: false // 屏幕分辨力 body.clientWidth <= 820时, 显示移动端样式
      };
    },
    created() {
      //
      // 屏幕分辨力 body.clientWidth <= 820时, 显示移动端样式
      this.isMobile = document.body.clientWidth <= 820;
    },
    mounted() {
    //   const that = this;
      // 监听窗口改变
      window.addEventListener('resize', this.isScreen);
    },
    methods: {
      // 计算屏幕是否小于820，如果小于则认为时移动端
      isScreen() {
        // 屏幕分辨力 body.clientWidth <= 820时, 显示移动端样式
        this.isMobile = document.body.clientWidth <= 820;
      }

    },
    beforeDestroy() {
      // 解除监听窗口改变
      window.removeEventListener('resize', this.isScreen);
    }
  };
}
